@charset "utf-8";
		*{
			margin: 0;padding: 0
		}
		html{
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
        .jx_area{
            width: 100%;
            overflow: hidden;
        }
        .jx_item{
        	position: relative;
        }
        .ji_box{
            padding-bottom: 50%;
            height: 0;
            position: relative;
        }
       	.ji_box .title{
       		position: absolute;
       		width: 100%;
			height: 100%;
			text-align: center;
			background: rgba(0,0,0,0.3);
			color: #fff;
			
       	}
       	.ji_box .title h3{
       		margin-top: 15%;
       		position: relative;
			font-size: 16px;
			font-weight: 500;
       	}
       	.ji_box .title span{
       		position: relative;
			font-size: 12px;
			font-weight: 300;
       	}
        .ji_pic{
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .mb_area{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            padding-bottom: 50%;
            transition: 0.6s all ease;
            z-index: -1;
            overflow: hidden;
        }
        .mb_area.show{
            z-index: 4;
            padding-bottom: 80%;
            width: 100%;
        }
        .mb_area.show img{
            transform: scale(1.6,1.0);
        }
        .mb_area img{
            transition: 0.6s all ease;

            position: absolute;
            width: 100%;
            height: 100%;
        }
        .fix_jieshao{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            font-size: 12px;
            color: #FFFFFF;
            display: none;
            overflow: hidden;
        }
        .fix_jieshao.show{
            display: block;

        }
        .fj_neirong{
            width: 100%;
            margin: 0 auto;
            background: rgba(0,0,0,1.0);
            height: 100%;
        }
        .fix_jieshao .pic_area{
            height: 0;
            padding-bottom: 80%;
        }
        .fix_jieshao .txt_area{
        }
        .fix_jieshao .title{
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;
        }
        .fix_jieshao .tt{
            font-size: 10px;
            font-weight: 300;
            line-height: 30px;
            margin-bottom: 20px;
        }
        .fix_jieshao .dec{
            border-top: 1px solid #fff;
            padding-top: 10px;
            font-size: 10px;
            font-weight: 300;
            line-height: 15px;
        }
        .fix_jieshao .ta_box{
            padding: 5%;
        }
        .close{
            display: none;
            position: absolute;
            top: 10%;
            left: 5%;
            width: 20px;
            height: 20px;
            background: #FFFFFF;
            z-index: 5;
            border-radius: 50%;
            cursor: pointer;
            text-align: center;
            line-height: 20px;
        }
        .player{
        	display: none;
        	position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            margin-left: -20px;
            margin-top: -20px;
            background: rgba(0,0,0,0.1);
            z-index: 5;
            border-radius: 50%;
            border: 1px solid #fff;
            cursor: pointer;
            text-align: center;
            line-height: 40px;
            color: #fff;	
        }
        .player .player_pic{
        	display: inline-block;
        	transform:scaleY(2);
        }
        .close.show,.player.show{
            display: inline-block;
        }
        .hidden{
            overflow: hidden;
        }
        body{
            width: 100%;
            height: 100%;
        }
        .video_box{
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; 
            z-index: 99;
        }
        video{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
            transform:rotate(90deg);
        }
        .video_box{ 
            display: none;
        }
        .video_box.show{
            display: inline-block;
        }